﻿
@media only screen and (max-width: 1440px) {
	.index_03{
		padding-left: 5%;
		padding-right: 5%;
	}
	.index_news_first{
		width: 60%;
	}
	.index_news_first_txt{
		width: 60%;
	}
	.index_news_list{
		width: 40%;
	}
	.index_news_txt{
		margin-top: 0px;
	}
}
@media only screen and (max-width: 1366px) {
    /*******************************
        -------[=首页]-------
    ********************************/
	.nav .m{
		margin: 0 1%;
	}
	.slideTxtBox{
		padding-left: 5%;
		padding-right: 5%;
	}
	.news_txt span{
		height: 40px;
	}
	
}
@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
	.menuBtn {display: block;top: 35px;}
	.menuBtn em{
		margin-bottom: 8px;
	}
	#nav {display: none;}
	.slideTxtBox .bd li{
		width: 48%;
	}
	.header{
		height: 65px;
	}
	.top_logo{
		height: 100%;
	}
	.top_logo img{
		height: 100%;
	}
	.index_menu{
		display: none;
	}
	.slide-image-phone{
		display: block!important;
	}
	.slide-image{
		display: none!important;
	}
	.slide-text h1{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 3%!important;
		padding-right: 3%!important;
	}
	.slide-text a{
		margin-top: 5%;
		display:inline-block!important;
		font-size: 14px!important;
		line-height: 24px!important;
		background: #f00!important;
		border: none!important;
		padding-left: 50px!important;
		padding-right: 50px!important;
	}
	
	.index_about_list .owl-dots{
		display: block!important;
	}
	.owl-nav{
		display: none!important;
	}
	.carousel-indicators{
		display: block!important;
	}
	.index_about_img h2{
		top: 40%;
	}
	.index_about_txt{
		display: none;
	}
	.index_news_first{
		width: 100%;
		position: relative;
	}
	.index_news_first_txt{
		width: 100%;
	}
	.index_news_list{
		width: 100%;
	}
	.index_news_txt{
		margin-top: 0px;
	}
	.ins_nav{
		margin: 0px;
		height: auto;
		max-height: 100%!important;
		padding-bottom: 3%;
		padding-top: 3%;
	}
	.ins_nav li{
		margin-top: 0px;
	}
	.about_txt span{
		max-height: 110px;
	}
	.news_img{
		height: 180px;
	}
	.news_txt span{
		height: 95px;
	}
	.pro_list{
		padding-left: 5%;
		padding-right: 5%;
	}
	.ins_menu{
		display: none;
	}
	.company{
		margin-bottom: 50px;
		margin-top: 50px;
	}
	
}
@media only screen and (max-width: 959px) {
	.footer_nav{
		margin-bottom: 20px;
	}
	.footer_contact{
		margin-bottom: 20px;
	}
	.footer_fx{
		margin-top: 0px;
		margin-bottom: 30px;
		float: left;
	}
	.footer_banquan p{
		float: left!important;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.about_img{
		width: 100%;
	}
	.about_txt{
		width: 100%;
	}
	.about_img img{
		width: 100%;
	}
	.ins_banner h1{
		font-size: 42px;
	}
	.news_list li{
		width: 96%;
	}
	.pageinfo{
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.paging{
		float: none;
	}
	.paging a{
		float: none;
		margin-bottom: 5px;
	}
	.pro_list li{
		width: 48%;
margin-bottom: 20px;
	}


	.pro_nav_cen{
		background: none;
	}
	.pro_de_other ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.pro_de_title{
		height: auto;
		padding-bottom: 10px;
	}
	.pro_de_title h1{
		float: none;
		line-height: 36px;
		font-size: 22px;
	}
	.pro_de_other h2{
		margin-bottom: 20px;
		margin-top: 10px;
		text-align: center;
	}
	.pro_de_title span{
		display: none;
	}
	.company_about,.company_pro,.company_news,.company_contact{
		padding-left: 0px;
	}
	.company h2.company_title{
	margin-bottom: 50px;
	padding-left: 130px;
	}
	.company_pro_list li{
		width: 100%;
	}
	.company_news_first_img{
		width: 100%;
	}
	.company_news_first_txt{
		width: 100%;
	}
	.company_news li{
		overflow: hidden;
	}
	.company_news li a{
		max-width: 100%;
	}
	.company_news li span{
		display: none;
	}
	.company_map{
		width: 100%;
	}
	.company_contact_info{
		width: 100%;
	}
	.company_contact_info h2{
		margin-top: 20px;
	}
	.contact_first{
		margin: 0px;
		padding: 5%;
		margin-bottom: 20px;
	}
	.contact ul li{
		width: 100%;
		margin: 0px;
		padding: 5%;
		margin-bottom: 20px;
	}
	.contact_info{
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}
	.coantct_map{
		width: 100%;
	}
	.liuyan_txt{
		padding-bottom: 10%;
		margin-bottom: 10%;
	}
	.liuyan_list li{
		width: 100%;
		margin-bottom: 15px;
	}
	.liuyan_list li .input{
		width: 100%;
	}
	.liuyan_list li .textarea{
		width: 100%;
	}
	
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
	.slide-text h1{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 24px!important;
		padding-left: 3%!important;
		padding-right: 3%!important;
	}
	.slide-text a{
		margin-top: 15%;
		display:inline-block!important;
		font-size: 14px!important;
		line-height: 24px!important;
		background: #f00!important;
		border: none!important;
		padding-left: 55px!important;
		padding-right: 55px!important;
	}
	.slideTxtBox .bd li{
		margin-bottom: 20px;
	}  
	.slide-text h3{
		display: none;
	}
	.index_pro_txt a{
		line-height: 28px;
	}
	.index_pro_txt p{
		bottom: 0px;
		color: #666;
	}
	.index_news_first_txt{
		height: 50px;
		line-height: 50px;
	}
	.index_news_list ul{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.index_news_list ul li{
		margin-bottom: 20px;
		height: auto;
		float: left;
max-height: 100%;
		 width: 100%;
	}
	.index_news_img{
		width: 100%;
		max-width: 100%;
	}
	.index_news_txt{
		max-width: 100%;
		margin-left: 0px;
	}
	.footer{
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 5%;
	}
	.footer_jz{
		padding: 0px;
	}
	.footer_nav li{
		margin-bottom: 10px;
	}
	.index_link_list{
		padding-left: 5%;
		padding-right: 5%;
	}
	.index_link_list .hd{
		margin-bottom: 25px;
	}
	.index_link_list .hd li{
		margin: 10px;
		padding: 0px 22px;
	}
	.news_img{
		width: 100%;
		height: auto;
	}
	.news_txt{
		width: 100%;
	}
	.news_txt span{
		height: auto;
	}
	.pro_txt{
height: auto;
background: #eee;
}
.pro_txt a{
line-height: 33px;
}
.pro_txt p{
    bottom: 0;
}

 					
}

@media only screen and (max-width: 600px) {
    
 	
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
   
 	
}

@media only screen and (max-width: 360px) {
     

}
